<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>家居网</title>
    <!-- 引入css文件 -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部区域 -->
    <div id="header">
        <!-- 头部欢迎 -->
        <div class="welcome">
            <!-- 版心 -->
            <div class="wrap colorfff font12 clearfix">
                <span class="fl">欢迎来到HOUSE家居网!</span>
                <span class="fr">
                    <img src="./imgs/tel.png" alt="">
                    <span class="text">400-00-000XXX</span>
                    <img src="./imgs/mail.png" alt="">
                    <span>1234567XXX@gmail.com</span>
                </span>
            </div>
        </div>
        <!-- logo和导航 -->
        <div class="logoAndNav">
            <!-- 版心 -->
            <div class="wrap clearfix">
                <!-- logo -->
                <img class="fl" src="./images/logo.png" alt="">
                <!-- nav -->
                <ul class="nav clearfix fr color2525">
                    <li>首页</li>
                    <li>关于我们</li>
                    <li>产品展示</li>
                    <li>新闻动态</li>
                    <li>在线留言</li>
                    <li>联系我们</li>
                </ul>
            </div>
        </div>
        <!-- banner -->
        <div class="banner">
            <!-- 文字盒子 -->
            <div class="textBox">
                <div class="font44 fw colorfff">精致生活 简单爱</div>
                <div class="font20 colorfff">
                    用细节缔造美好家居，碰触你心中的柔软
                    给您无微不至的关怀
                </div>
            </div>
        </div>
    </div>
    <!-- 主体内容 -->
    <div id="main">
        <!-- 品质工艺 -->
        <div class="skill">
            <!-- 版心 -->
            <div class="wrap clearfix">
                <div class="single img1">
                    <div class="font20 colorfff">品质高 经久耐用</div>
                    <div class="font14 colorfff">
                        当前家纺市场上的优秀代表，从织造、染色、印花 及整理包装的整个流程，我们都做的十分仔细，而且 在环保性上，也有很好的表现
                    </div>
                </div>
                <div class="single img2">
                    <div class="font20 colorfff">品质高 经久耐用</div>
                    <div class="font14 colorfff">
                        公司全体员工团结奋进、开拓进取，为创建特色鲜明、质量一流的名牌产品而不懈努力。公司凭借高素质的人才队伍，先进的工艺和一流、完善的企业管理</div>
                </div>
                <div class="single img3">
                    <div class="font20 colorfff">先进的工艺技术</div>
                    <div class="font14 colorfff">
                        家纺依靠科技进步、倡导绿色消费，让消费者充分体会到品牌文化所带来的无穷魅力，专业致力于功能性家纺，产品有真丝系列、婚庆系列、时尚系列
                    </div>
                </div>
            </div>
        </div>
        <!-- 产品展示 -->
        <div class="goodsShow">
            <!-- 版心 -->
            <div class="wrap">
                <!-- 主体公用标题 -->
                <div class="mainCommonTitle">
                    <span class="font28 color2525">产品展示</span>
                    <span class="font22">OUR PRODUCTS</span>
                    <div class="line"></div>
                </div>
                <!-- 展示列表 -->
                <div class="showList clearfix">
                    <!-- 左边布局 -->
                    <div class="leftBox fl clearfix">
                        <!-- 单元格 -->
                        <div class="single img1"></div>
                        <div class="single img2"></div>
                        <div class="single img3"></div>
                        <div class="single img4"></div>
                    </div>
                    <!-- 右边布局 -->
                    <div class="rightBox fl">
                        <!-- 蒙层 -->
                        <div class="mogoliya">
                            <!-- 文字居中盒子 -->
                            <div class="textCenter">
                                <div class="font32 color2525">床上用品</div>
                                <div class="font28 color15b">Bedding Article</div>
                                <button class="color2525">READ MORE</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 关于我们 -->
        <div class="aboutUs">
            <!-- 文字盒子 -->
            <div class="textBox ta">
                <!-- 标题 -->
                <div class="font30 color2525">
                    关于我们
                    <div class="line"></div>
                </div>
                <!-- 文字介绍 -->
                <div>
                    "**家纺有限公司现有员工1000余人，资产总额9000万元。下设：纺纱分厂、毛巾分厂、绣花分厂、家纺分厂 和进出口公司。先后在韩国、欧洲、日本、美国、澳大利亚、新加坡、中东、非洲等十几个国家和地区建立了 稳定的销售网络和分公司。被省、市政府评为“先进企业”、“功勋企业”、“外贸出口先进单位”，同时被授
                    予“AAA”级信用企业。**公司凭借高素质的人才队伍，先进的工艺和一流、完善的企业管理，引得了国内外 客户的良好赞誉，使得企业很快发展成为集纺、织、印、染、绣花为一体的家纺集团。公司先后荣获了“中国 驰名商标”、“**名牌”、“**省名商标”等荣誉称号。公司通过了ISO9001:2000......."
                </div>
                <!-- 按钮 -->
                <button class="font14 colorfff">READ MORE</button>
            </div>
        </div>
        <!-- 新闻动态 -->
        <div class="news">
            <!-- 版心 -->
            <div class="wrap">
                <!-- 主体公用标题 -->
                <div class="mainCommonTitle">
                    <span class="font28 color2525">新闻动态</span>
                    <span class="font22">NEWS CENTER</span>
                    <div class="line"></div>
                </div>
                <!-- 列表 -->
                <ul class="list clearfix">
                    <li>
                        <img src="./images/pic06.jpg" alt="">
                        <!-- 小列表 -->
                        <ul class="smallList">
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    家纺行业的四大走向
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                家纺行业: 从价值链的薄弱环节找到
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    2009年净利润同比增长34.4
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    家电涨价与降价背后的营销逻辑
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    高科技家电未来都很低碳
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    XX网加盟”绿书签”行动
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <img src="./images/pic07.jpg" alt="">
                        <!-- 小列表 -->
                        <ul class="smallList">
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    家纺行业的四大走向
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                家纺行业: 从价值链的薄弱环节找到
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    2009年净利润同比增长34.4
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    家电涨价与降价背后的营销逻辑
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    高科技家电未来都很低碳
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    XX网加盟”绿书签”行动
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <img src="./images/pic08.jpg" alt="">
                        <!-- 小列表 -->
                        <ul class="smallList">
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    家纺行业的四大走向
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                家纺行业: 从价值链的薄弱环节找到
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    2009年净利润同比增长34.4
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    家电涨价与降价背后的营销逻辑
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    高科技家电未来都很低碳
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                            <li class="clearfix">
                                <span class="font14 fl">
                                    <span class="color15b">[行业资讯]</span>
                                    XX网加盟”绿书签”行动
                                </span>
                                <span class="font12 fr">2014-10-20</span>
                            </li>
                        </ul>
                    </li>
                    
                </ul>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <div id="footer">
        <!-- 版心 -->
        <div class="wrap clearfix">
            <!-- 单元格 -->
            <div class="single">
                <img src="./images/logo2.jpg" alt="">
                <div class="textBox">
                    <span class="icon icon1"></span>
                    <span>中国上海市XXX区XXX路12号XX大厦5层5XX室</span>
                </div>
                <div class="textBox">
                    <span class="icon icon2"></span>
                    <span>400-000-XXXX (021)-12345678XX</span>
                </div>
                <div class="textBox">
                    <span class="icon icon3"></span>
                    <span>12345678XXX@gmail.com</span>
                </div>
            </div>
            <div class="single">
                <!-- 页脚公用标题 -->
                <div class="commonFooterTitle">
                    <div class="font20 colorfff">快速链接</div>
                    <div class="line"></div>
                </div>
                <!-- 列表 -->
                <ul class="clearfix">
                    <li>> 网站首页</li>
                    <li>> 产品展示</li>
                    <li>> 在线留言</li>
                    <li>> 关于我们</li>
                    <li>> 新闻动态</li>
                    <li>> 联系我们</li>
                </ul>
            </div>
            <div class="single">
                <!-- 页脚公用标题 -->
                <div class="commonFooterTitle">
                    <div class="font20 colorfff">站内搜索</div>
                    <div class="line"></div>
                </div>
                <!-- 输入框组 -->
                <div class="inpBar clearfix">
                    <input class="fl" type="text" placeholder="请输入关键字">
                    <button class="fl">搜索</button>
                </div>
                <!-- 友情链接 -->
                <div class="links">
                    <span>关注我们</span>
                    <img src="./imgs/fenxiang.png" alt="">
                </div>
            </div>
        </div>
        <!-- 结尾 -->
        <div class="end font12">Copyright © 2009-2011,www.XXXXXX.com,All rights reserved  沪ICP备XXXXXXX号未经同意,不得转载</div>
    </div>
</body>

</html>